<template>
    <view>
        <!-- <map class="map" :markers="markers"    :latitude="data.latitude" :longitude="data.longitude"></map> -->
        <!-- <view style="display: flex;justify-content: center;align-items: center;margin-top: 30rpx;">{{data.location_address}}</view> -->
        <!-- <button @click="getLocation">获取当前位置信息</button> -->
    </view>
</template>

<script>
    export default {
        data() {
            return {
                data: {},
                // 导航路线
                // polyline: [{
                //     points: [{
                //             latitude: 22.81673,
                //             longitude: 108.3669
                //         },
                //         {
                //             latitude: 39.90,
                //             longitude: 116.39
                //         },
                //     ],
                //     color: '#aa184b',
                //     width: 2
                // }],
                // 标记点
                markers: []
            };
        },
        onLoad(options) {
            this.data = JSON.parse(options.data);
            this.getLocation();
            // if(this.$u.test.isEmpty(this.data.latitude) || this.$u.test.isEmpty(this.data.longitude)) {
            //     uni.showModal({
            //         title: '提示',
            //         content: '地址定位数据错误',
            //         showCancel: false,
            //         success: function (res) {
            //             if (res.confirm) {
            //                 uni.navigateBack({
            //                     delta: 1,
            //                 })
            //             } else if (res.cancel) {
            //             }
            //         }
            //     });
            //     return; 
            // }
            // this.markers.push({
            //     id: 1,
            //     title: '',
            //     latitude: this.data.latitude,
            //     longitude: this.data.longitude,
            //     iconPath: '../../../../static/img/myhome/sc-my-icon-dizhi@3x.png',
            //     // label: {
            //     //     content: '终点',
            //     //     color: '#000000',
            //     //     fontSize: 16,
            //     //     borderWidth: 1,
            //     //     borderColor: '#000000',
            //     //     borderRadius: 10,
            //     //     bgColor: '#ffffff',
            //     //     padding: 10,
            //     //     textAlign: 'left',
            //     // }
            // })
        },
        methods: {
            getLocation() {
                const latitude = Number(this.data.latitude);
                const longitude = Number(this.data.longitude);
                uni.openLocation({
                    latitude: latitude,
                    longitude: longitude,
                    success: function (res) {
                    },fail: (err) => {
                    }
                });
            }
        }
    }
</script>

<style lang="scss" scoped>
    .map {
        width: 100%;
        height: 70vh;
    }
</style>
